<div class="tab-pane fade in" id="panel-recipes">
	<h4 class="small-heading more-margin-bottom">@lang( 'profile.recipes-panel' )</h4>
        
	@foreach($recipes as $recipe)
        <div class="the-box no-border store-list">
    <div class="media">

        <a class="pull-left" href="/r/{{$recipe->id}}">
            {{ HTML::image(  $recipe->image_url, $recipe->name, array( 'class' => 'store-image img-responsive' )) }}</a>
        <div class="clearfix visible-xs"></div>
        <div class="media-body">
            <a href="/r/{{$recipe->id}}"></a>
            <h4 class="media-heading" >
                <a href="#fakelink"><strong style="color:#656D78">{{{ $recipe->name }}}</strong> <span class="label label-info pull-right">{{{ $recipe->preparation_time }}} <i class="fa fa-clock-o"></i></span></a></h4>
            <ul class="list-inline">
                <li><a href="/u/{{{$recipe->user->user_name}}}" class="text-warning">{{{$recipe->user->user_name}}}</a></li>
                <li style="list-style: none">|</li>
                <li>{{ $recipe->getTimeElapsed() }}</li>
                <li style="list-style: none">|</li>
                <li><span class="label label-danger"><i class="fa fa-bolt"></i>
                        <i class="fa fa-bolt"></i>
                        <i class="fa fa-bolt"></i></span></li>
            </ul>
            <p class="hidden-xs">{{{ $recipe->description }}}</p>
<!--            <span class="small text-muted">
                <i class="fa fa-star text-warning"></i>
                <i class="fa fa-star text-warning"></i>
                <i class="fa fa-star text-warning"></i>
                <i class="fa fa-star-half-o  text-warning"></i>
                <i class="fa fa-star-o text-warning"></i>
            </span>-->
            <h4>
                <span class="label label-success">
                    {{ 
                        count( $recipe->likesDislikes->filter( function( $likeDislike ){
                                return $likeDislike->isLike();
                        } ) ) 
                    }}
                    <i class="fa fa-thumbs-o-up"></i>&nbsp;&nbsp;&nbsp; 
                    {{ 
                        count( $recipe->likesDislikes->filter( function( $likeDislike ){
                                return $likeDislike->isDislike();
                        } ) ) 
                    }}
                    <i class="fa fa-thumbs-o-down"></i> &nbsp;&nbsp;&nbsp;
                    {{ count($recipe->commentsCount) > 0 ? $recipe->commentsCount[0]->count : 0 }}
                    <i class="fa fa-comments"></i>
                </span>
            </h4>
        </div><!-- /.media-body -->
    </div><!-- /.media -->
</div>
        
        @endforeach
</div>